<script>
export default {
  // setup 函数
  setup() {
    console.log('setup执行了');
    // 定义数据
    const msg = 'hello vue3';
    // 定义函数
    const say = () => {
      console.log(msg);
    };
    // 将组件和函数返回给组件实例
    return { msg, say };
  },

  // 验证 setup 会在原来的选项式 API 之前执行
  beforeCreate() {
    console.log('beforeCreate执行了');
  },
};
</script>
<template>
  <div class="container">
    <h1>{{ msg }}</h1>
    <button @click="say">say</button>
  </div>
</template>
<style scoped>
.container {
  height: 300px;
  width: 600px;
  background: pink;
}
</style>
